<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <title>未读消息</title>
  <!--link-->
  <link rel="stylesheet" href="../../lib/icon/fontawesome-free-6.4.0/all.css">
  <!--<link rel="stylesheet" href="../../lib/bootstrap-5.1.3-dist/css/bootstrap.css">-->
  <link rel="stylesheet" href="../../lib/weui/weui.css">
  <link rel="stylesheet" href="../mycss.css">
  <script src="../../lib/jquery/jquery-3.6.1.js"></script>
  <script src="../../lib/axios/axios.js"></script>
  <script src="../../util/httpRequest.js"></script>
  <script src="../../lib/vue/vue.js"></script>
  <!--<script src="../../lib/wx-web/jweixin-1.6.0.js"></script>
  <script src="../../util/wx-config.js"></script>-->
</head>
<body data-weui-theme="light">
<div id="root" class="weui-panel weui-panel_access content">
  <div class="weui-panel__hd">未读消息</div>
  <div class="weui-panel__bd" v-for="item in msgBaseInfos">
    <div role="option" @click="viewMsgDetail(item.msgId)" class="weui-media-box weui-media-box_text">
      <strong class="weui-media-box__title">{{item.msgTitle}}</strong>
      <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
      <ul class="weui-media-box__info" aria-hidden="true">
        <li class="weui-media-box__info__meta" aria-hidden="true" id="js_p4m1_time">{{item.operateDate}}</li>
        <li class="weui-media-box__info__meta weui-media-box__info__meta_extra" aria-hidden="true" id="js_p4m1_extra">其它信息</li>
      </ul>
    </div>
  </div>
</div>
<script type="text/javascript">
  //Vue.config.ignoredElements = f
  const vm = new Vue({
    el:'#root',
    data:{
    msgBaseInfos:[
    ]
    },
    methods: {
      viewMsgDetail(msgId){
        location.href = baseURL + '/third/templateMsg/getMsgContent/' + msgId
      }
    },
    mounted(){
      http({
        url:'/third/templateMsg/getMsgBaseInfo',
        method: 'get'
      }).then(response => {
        console.log(response.data.unreadMsgCount)
        if (response.data.code === '200' ){
          this.msgBaseInfos = response.data.msgBaseInfos
        }
      })
    }
  })
</script>
</body>
</html>